// 全局使用的颜色
@mixin bgcblue1 { 
    background-color: #62bbff;
}
@mixin bgcblue2 { 
    background-color: #7bd2ff;
}
@mixin bgcyellow { 
    background-color: #ffd761;
}
@mixin bgccyan { 
    background-color: #60e3f3;
}
@mixin bgcpurple { 
    background-color: #acc8fe;
}
@mixin bgcorange { 
    background-color: #fe955c;
}
@mixin bgcpink { 
    background-color: #ff6283;
}

// 5个tab的header
@mixin header1 {
    font-family: 'PingFangSC-Medium';
    background-color: rgb(29, 150, 240);
    color: #fff;
    text-align: center;
    font-size: 14px;
    height: 40px;
    line-height: 40px; 
}
@mixin divider {
    height: 5px;
    background-color: #f5f5f5;
}
// 去除header下方默认投影
.header-md::after, .tabs-md[tabsPlacement="top"] > .tabbar::after, .footer-md::before, .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
    background: none !important;
}
// 设置统一header
@mixin insetHeader {
    .header,.header-ios,.header-md,.toolbar-background,.toolbar-background-ios,.toolbar-background-md {
        background-color: rgb(29, 150, 240);       
        border: none !important;
    }
    .toolbar-md,.toolbar-ios {
        min-height: 40px;       
    }
    .toolbar-title,.toolbar-title-ios,.toolbar-title-md {
        color: #fff;
        font-size: 14px;
        text-align: center;
        font-weight: 300;
    }
    .toolbar-title-md {
        margin-right: 48px;
    }
    .header-ios .toolbar-background-ios, .footer-ios .toolbar-background-ios {
        border: none !important;
    }
    .bar-button-default-ios,.bar-button-default-md, .bar-button-default,.bar-button-ios-default,.bar-button-md-default, .bar-button-clear-ios-default,.bar-button-clear-md-default {
        color: #fff;
        font-size: 14px;
    }
    .back-button-icon-ios,.back-button-icon-md,.button-inner {
        font-size: 14px;
    }
    .back-button-text,.back-button-text-ios,.back-button-text-md {
        font-size: 14px;
    }
    .rightIcon {
        margin-right: 10px;
    }
}

